<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script src="./build/react.js"></script>
  <script src="./build/react-dom.js"></script>
  <script src="./build/browser.min.js"></script>
</head>
<body>
  <div id="eample"></div>
  <script type="text/babel">
    var names =['xiaoming','xiaohong','xiaolan'];

    ReactDOM.render(
      <div>
        {
          names.map(function(item,index){
            return <div key={index}>hello,{item}!</div>
          })
        }
      </div>,
      document.querySelector('#example')
    )
  </script>
</body>
</html>
<!--
ReactDOM.render 是 React 的最基本方法，用于将模板转为 HTML 语言，并插入指定的 DOM 节点。


ReactDOM.render(
  <h1>Hello, world!</h1>,
  document.getElementById('example')
);
上面代码将一个 h1 标题，插入 example 节点（查看 demo01），运行结果如下。
 -->
